<template>
  <div>
    <barChart :data="data" :barBorderRadius='[15, 15, 0, 0]' :xAxis="xAxis"  style="width: 100%; height: 300px" />
    <barChart :data="data" :barBorderRadius='[0, 15, 15, 0]' :xAxis="xAxis" isxAxis style="width: 100%; height: 400px" />
  </div>
</template>

<script>
import barChart from '_my_c/echarts/barChart.vue'
export default {
  components: {
    barChart
  },
  data() {
    return {
      data: [
        {name: '销售额1', data: [10, 20, 30, 40, 30, 50], color: '#29cc9c'},
        {name: '销售额2', data: [10, 20, 40, 30, 50, 20], color: '#f8ba3d'},
      ],
      xAxis: ['2017', '2018', '2019','2020', '2021', '2022', '2023', '2024', '2025', '2026', '2027'],
      data1: [
        {name: '销售额1', data: [10, 20, 30], color: '#29cc9c'},
        {name: '销售额2', data: [10, 20, 40], color: '#f8ba3d'},
      ],
      xAxis1: ['2020', '2021', '2022'],
    }
  }
}
</script>

<style>

</style>